.pcPushGuideCss3{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 999;
	left:0;
	top:0;
	.intro_bg{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background-color: rgba(0,0,0,0.8);
	}
	.intro_bg_hide{
		-webkit-animation: intro_bg 0.5s forwards;
	}
	@-webkit-keyframes intro_bg{
		0%{
			opacity: 1;
		}
		100%{
			opacity: 0;
		}
	}
	.music_mask{
		position: absolute;
		top:230px;
		left:50%;
		margin-left:-242px;
		z-index: -1;
		background: url("../img/pcpush/music_mask.png") no-repeat;
		width: 233px;
		height: 100px;
	}
	.first{
		position: absolute;
		top:10px;
		left:50%;
		z-index: 9;
		margin-left:-245px;
		background: url("../img/pcpush/first.png") no-repeat;
		width: 490px;
		height: 320px;
	}
	.i_konw{
		position: absolute;
		bottom:0;
		left:165px;
		width: 160px;
		height: 42px;
		display: block;
	}
	.screen{
		position: absolute;
		left: 50%;
		top: 75px;
		width: 550px;
		height: 400px;
		margin-left: -275px;
	}
	.close{
		position: absolute;
		right: -150px;
		top: -67px;
		font-size: 18px;
		color: #FFF;
		cursor: pointer;	
	}

	.step1 .w1{
		position: absolute;
		// left: 360px;
		top: 70px;
		width: 246px;
		height: 36px;
		background: url("../img/pcpush/w1.png") no-repeat;
		opacity: 0;
		left: 360px;
		-webkit-animation: w1 15s;
	}
	@-webkit-keyframes w1 {
		10%{
			opacity: 0;
			left: 360px;
		}
		15%{
			opacity: 1;
			left: 270px;
		}
		100%{
			left: 270px;
			opacity:1;
		}
	}

	.step1 .w2{
		position: absolute;
		top:70px;
		left:160px;
		width: 200px;
		height: 47px;
		background: url("../img/pcpush/w2.png") no-repeat;
		opacity: 0;
		-webkit-animation: w2 15s;
	}
	@-webkit-keyframes w2{
		10%{
			opacity: 1;
			left:50px;
		}
		15%{
			-webkit-transform: rotate(0deg);
		}
		16%{
			-webkit-transform: rotate(3deg);
		}
		17%{
			-webkit-transform: rotate(0deg);
		}	
		18%{
			-webkit-transform: rotate(-3deg);
		}
		19%{
			-webkit-transform: rotate(0deg);
		}	
		100%{
			opacity: 1;
			left:50px;
		}	
	}

	.step1 .w3{
		position: absolute;
		width: 233px;
		height: 100px;
		left: 33px;
		top: 155px;
		opacity: 0;
		background: url("../img/pcpush/w3.png") no-repeat;
		-webkit-animation: w3 5s 4s forwards;
	}
	@-webkit-keyframes w3{
		20%{
			opacity: 1;
		}
		100%{
			opacity: 1;
		}
	}

	.step1 .w31{
		position: absolute;
		width: 83px;
		height: 22px;
		outline:1px solid #50c052;
		top:61px;
		left:99px;
		-webkit-animation: w31 1s 6s infinite;

	}
	@-webkit-keyframes w31{
		50%{
			outline-width:3px;
		}
	}

	.step1 .w14{
		position: absolute;
		top:100px;
		left:180px;
		width: 110px;
		height: 101px;
		opacity: 0;
		background: url("../img/pcpush/w14.png") no-repeat;
		-webkit-animation: w14 1s 5s forwards;
	}
	@-webkit-keyframes w14{
		100%{
			opacity: 1;
			top:80px;
		}
	}

	/////////////////////////////
	.step2 .w5{
		position: absolute;
		left: 60%;
		top: 90px;
		width: 202px;
		height: 281px;
		margin-left: -100px;
		opacity:0;
		background: url("../img/pcpush/w5.png") no-repeat;
		-webkit-animation: w5 17s 0s;
	}
	@-webkit-keyframes w5{
		10%{
			opacity: 1;
			left:50%;
		}
		90%{
			opacity: 1;
			top:90px;
		}
		100%{
			opacity: 0;
			left:50%;
			top:120px;
		}
	}
	.step2 .w51{
		position: absolute;
		left: -45px;
		top: -64px;
		width: 286px;
		height: 31px;
		opacity:0;
		background: url("../img/pcpush/w51.png") no-repeat;
		-webkit-animation: w51 14s 1s;
	}
	@-webkit-keyframes w51{
		10%{
			opacity: 1;
		}
		100%{
			opacity: 1;
		}
	}
	.step2 .w5_inner{
		position: absolute;
		left: 25px;
		top: 22px;
		width: 130px;
		height: 217px;
		overflow: hidden;
	}
	.step2 .w52{
		position: absolute;
		left: 130px;
		top: 0;
		width: 130px;
		height: 217px;
		background: url("../img/pcpush/w52.png") no-repeat;
		-webkit-animation: w52 5s 3s;
	}
	@-webkit-keyframes w52{
		20%{
			left: 0;
		}
		70%{
			background: url("../img/pcpush/w52.png") no-repeat;
		}
		80%{
			left: 0;
			background: url("../img/pcpush/w53.png") no-repeat;
		}
		100%{
			left: -130px;
		}
	}
	.step2 .w53{
		position: absolute;
		left: 130px;
		top: 0;
		width: 130px;
		height: 217px;
		background: url("../img/pcpush/w54.png") no-repeat;
		-webkit-animation: w53 5s 7s;
	}
	@-webkit-keyframes w53{
		20%{
			left: 0;
		}
		70%{
			background: url("../img/pcpush/w54.png") no-repeat;
		}
		80%{
			left: 0;
			background: url("../img/pcpush/w55.png") no-repeat;
		}
		100%{
			left: -130px;
		}
	}
	.step2 .w54{
		position: absolute;
		left: 130px;
		top: 0;
		width: 130px;
		height: 217px;
		background: url("../img/pcpush/w56.png") no-repeat;
		-webkit-animation: w54 5s 11s forwards;
	}
	@-webkit-keyframes w54{
		20%{
			left:0;
		}
		80%{
			left: 0;
			background: url("../img/pcpush/w56.png") no-repeat;
		}
		100%{
			left: 0;
		}
	}

	.step2 .w54_bar{
		position: absolute;
		left: 6px;
		top: 86px;
		background: url("../img/pcpush/bar.png") repeat-x;
		width: 2px;
		height: 13px;
		-webkit-animation: w54_bar 2s 12s forwards;
	}
	@-webkit-keyframes w54_bar {
		100%{
			width: 121px;
		}
	}
	.w54_num{
		display: none;
	}
	.step2 .w54_num{
		display: block;
		position: absolute;
		left: 45px;
		top: -2px;
		color: #FFF;
		opacity:0;
		font-size: 13px;
		-webkit-animation: w54_num .5s 14s forwards;
	}
	@-webkit-keyframes w54_num {
		100%{
			opacity:1;
		}
	}

	.step3 .w6{
		position: absolute;
		left: 50%;
		top: 170px;
		width: 235px;
		height: 131px;
		margin-left: -127px;
		opacity:0;
		background: url("../img/pcpush/w6.png") no-repeat;
		-webkit-animation: w6 2s 0s forwards;
	}
	@-webkit-keyframes w6 {
		100%{
			opacity:1;
			top: 108px;
		}
	}
	.w7{
		display: none;
	}
	.step3 .w7{
		display: block;
		position: absolute;
		left: 50%;
		top: 330px;
		width: 160px;
		height: 42px;
		margin-left: -80px;
		text-align: center;
		line-height: 42px;
		color: #FFF;
		font-size: 18px;
		opacity:0;
		cursor: pointer;
		background-color: #55c157;
		-webkit-animation: w7 1s 1s forwards;
	}
	@-webkit-keyframes w7 {
		100%{
			opacity:1;
			top: 290px;
		}
	}
}